<template>
  <div style="margin-top:4rpx">
    <!--<van-search :placeholder="config.placeholder" @click="$router.push('/pages/shop/GoodSearch/main')" readonly></van-search>-->
    <div style="margin-top:4rpx;display:flex;padding: 10rpx 30rpx;background: #fff;font-size: 28rpx;height: 60rpx;line-height: 60rpx;">
      <span class="iconfont icon-sousuo2" style="font-size: 30rpx;"></span>
      <input style="width: 80%;padding: 0 20rpx;height: 60rpx;line-height: 60rpx;" :placeholder="config.placeholder" @click="toSearch" disabled="true" />
      <img style="height:40rpx;width:40rpx;margin: 10rpx 0 0 0;position: absolute;right: 40rpx;" @click="toSearch" src="https://zykj-sales.oss-cn-hangzhou.aliyuncs.com/miniprogram/client/static/zymall/gqKg_42_42.png" alt="">
    </div>
  </div>
</template>

<script>
export default {
  name: "search-bar",
  props: {
    config: {
      type: Object,
      required: true
    }
  },
  methods:{
		toSearch(){
			uni.navigateTo({
				url:'/pages/shop/GoodsList/index'
			})
		}
  }
};
</script>

<style scoped>
</style>
